<template>
	<div class="bili-header">
		<div class="header-bar">
			<ul>
				<li>
					<a href="#">
							<img src="./images/hz_icon.png" alt="bilibili" />
					<div>
					</a>
				
						首页
						<i class="iconfont icon-xiangxia"></i>
					</div>
				</li>
				<li>番剧</li>
				<li>直播</li>
				<li>游戏中心</li>
				<li>会员购</li>
				<li>漫画</li>
				<li>赛事</li>
			</ul>
			<div>
				<input type="text" />
			</div>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="header-banner"></div>
		<div class="header-channel"></div>
	</div>
</template>

<script>
export default {
	name: "HeaderComp",
};
</script>

<style lang="less" scoped></style>
